<template>
<div class="hotsong">
	<!--<div class="hotop">
		<div class="hotopct">
			<div class="hoticon">
				
			</div>
		</div>
	</div>-->
	<regebang></regebang>
	<!--<music-list :list='songlist'></music-list>-->
	<hotmusiclist :list='songlist'></hotmusiclist>
	<router-view></router-view>
</div>
</template>

<script>
	import regebang from '@/components/regebang'
	import hotmusiclist from '@/components/hotmusiclist'
	import axios from 'axios'
	import api from '@/api'
	
	export default {
		name:'hotsong',
		components:{
			regebang,
			hotmusiclist
		},
		mounted(){
			axios.get(api.hottop).then((res)=>{
//				console.log(res.data.playlist)
				this.songlist=res.data.playlist.tracks;
//				console.log(this.songlist)
			})
		},
		activated(){
			this.$store.commit('hiddentHead',{
						hiddentHead:false
					})
		},
		data(){
			return {
				songlist:''
			}
		}
	}
</script>

<style lang="scss">
@import '../scss/common';
@import '../scss/reset';
	
	
	
</style>